<template>
    <div>
        <table>
            <thead>
                <tr>
                    <th>日期</th>
                    <th>商品</th>
                    <th>类型</th>
                    <th>点位</th>
                    <th>档位</th>
                    <th>金额</th>
                </tr>
            </thead>
            <tbody>
                <tr v-for="(item,index) in chicang" :key="index">
                    <td>{{item.rq日期}}</td>
                    <td>{{item.sp商品}}</td>
                    <td>{{item.lx类型}}</td>
                    <td>{{item.dw点位}}</td>
                    <td>{{item.dw档位}}</td>
                    <td>{{item.je金额}}</td>
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                chicang: [
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                    {
                        rq日期:"04-08 23:07",
                        sp商品:"BTC比特币",
                        lx类型:"7手 买入",
                        dw点位:"8769",
                        dw档位:"五档",
                        je金额:"7000.00"
                    },
                ]
            }
        },
        
    }
</script>

<style scoped>
div{
    height: 90vh;
    overflow-y: scroll;
}
table{
    width: 100vw;
    border-collapse: collapse;
}
tbody{
    height: 70vh;
}
thead>tr,tbody>tr{
    /* display: flex;
    justify-content: space-around; */
    text-align: center;
    color: #F0F0F2;
}
thead>tr{
   height: 10vh;
   border-bottom:1px solid #aaaaaa
}
tbody>tr{
    font-size: .875rem /* 14/16 */;
    height: 2rem /* 28/16 */
}
</style>